<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景属性</title>
		<style>
			bo dy{
				height: 1000000px;
				background-image: url(img/蜡笔小新.png);
				background-size:cover;
				/* 函数 cover  等比例放大图片 特点：原图按照比例放大存背景空间
				  【开发者：背景图大小是否等于空间背景空间】
				       contain 等比例缩放图片  特点：图片按照比例缩放存背景空间
				【开发者:背景图等比例显示在背景空间】   
				 */
				/* 背景附件--尺寸中存在cover或者contain */
				background-attachment:fixed;/* 固定*/
			}
			div{
				width: 300px;
				height: 300px;
				background-color: #e4393c;
				background: #baff82;
				background-image: url(img/蜡笔小新.png);
				/* 问题：超大图-不显示 小图-显示  
				注意：背景空间大小，如果图小于背景空间---平铺
				*/
			   background-repeat: no-repeat;
			   /*不平铺  repeat-x，y  横，纵向平铺*/
			   background-size:30%;
			   /* 背景尺寸属性值，数值px % |函数 cover contain */
			   /* 背景定位：前提背景空间大于背景图 关键字：center left right top bottom*/
			   background-position:80% 1;
			}
		</style>
	</head>
	<body>
		Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perspiciatis adipisci velit similique repudiandae deleniti esse dolor atque, officia et earum, a, autem vitae sint voluptates fugit laudantium! Reiciendis, odit vitae?
		Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est ullam quidem ipsam impedit saepe. Neque, et illo dolores, reiciendis officiis ipsam aliquid veritatis ut, sed nihil ipsa recusandae accusantium. Consectetur.
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo consequatur voluptatibus eveniet hic iste quod quas ipsam repudiandae vitae. Vitae dolor repellendus iste libero voluptas voluptate ipsum hic provident enim.
		<!-- html_img图片 引入一张图片，位置不可随意改变
		     css背景图片 引入一张图片，位置可以随意改变
			 子属性  background-color  背景颜色
			        background-image   背景图
				    background-repeat   背景重复
				    background-size     背景尺寸
				    background-position   背景定位
				    background-attachment 背景附件
			 复合属性 background:background-image  background-color   background-position  
			                    background-size   background-repeat和background-attachment
			 
			 简写属性 background:background-image   background-position| background-size   background-repeat
			 替代子属性 background-image  background-color  background-repeat
		 -->
		 <div></div>
	</body>
</html>